<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="../css/common/reset.css" type="text/css" rel="stylesheet" />
<link href="../css/common/base.css" type="text/css" rel="stylesheet"  />
<link href="../css/index.css" type="text/css" rel="stylesheet" />
<link href="../css/list.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="../js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="../js/superfish.js"></script>
<script type="text/javascript" src="../js/jquery.ying.js"></script>
<!--[if ie]><link href="../css/IE.css" type="text/css" rel="stylesheet"><![endif]-->
<script type="text/javascript">
	$(function(){

		$("ul.menu").superfish({
			autoArrows:  true,
			hoverClass:  'sfHover',
			delay:200,
			speed:"fast"
		});


		var myo=$.fn.lunbo({
			speed:2000
		});

		
	});
</script>
</head>

<body>
	<!-- head-->
    <div class="w100p">
    	<div class="w930 mg wrap">
        	<div class="head">
            	<ul class="menu">
                	<li>
                    	<a href="#" class="main">首页</a>
                        <span class="circle"></span>
                    </li>
                    <li class="current">
                    	<a href="#" class="main">绿色工业</a>
                        <span class="circle"></span>
                        <ul class="show_menu">
                        	<li><a href="#">清洁生产</a></li>
                            <li>
                            	<a href="#">清洁生产动态</a>
                            	<ul class="show_menu">
                                	<li>
                                    	<a href="#">业绩</a>
                                    </li>
                                    <li>
                                    	<a href="#">常规介绍</a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                            	<a href="#">两型企业创建</a>
                            	<ul class="show_menu">
                                	<li>
                                    	<a href="#">政策法规</a>
                                    </li>
                                    <li>
                                    	<a href="#">上海“两型”企业</a>
                                    </li>
                                    <li>
                                    	<a href="#">两型企业创建咨询</a>
                                    </li>
                                </ul>
                            </li>
                            <li><a href="#">绿色技术产品</a></li>
                        </ul>
                    </li>
                    <li>
                    	<a href="#" class="main">产业发展</a>
                        <span class="circle"></span>

                        <ul class="show_menu">
                        	<li><a href="#">产业发展动态</a></li>
                            <li><a href="#">产业发展服务范围</a></li>
                            <li><a href="#">案例</a></li>
                        </ul>

                    </li>
                    <li>
                    	<a href="#" class="main">交流合作</a>
                        <span class="circle"></span>
                        <ul class="show_menu">
                        	<li><a href="#">国内合作</a></li>
                            <li><a href="#">国外合作</a></li>
                        </ul>
                    </li>
                    <li>
                    	<a href="#" class="main">联系我们</a>
                        <span class="circle"></span>
                        <ul class="show_menu">
                        	<li><a href="#">关于我们</a></li>
                            <li><a href="#">联系方式</a></li>
                            <li><a href="#">会员单位</a></li>
                        </ul>
                    </li>
                </ul>
                <input type="text" class="search def" value="输入搜索内容" />
                <input type="button" class="sea_btn" />
            </div>
        </div>
    </div>
    <!-- head--end-->
    
    <!-- body -->
    <div class="w100p wrap mg_s1">
    	<div class="w930 mg">
        	<div class="clearfix" style="position:relative;">
            	<!-- brief -->
            	<div class="brief_box">
                	<h3 class="title">促进会简介</h3>
                    <p>上海市绿色工业促进会节能节水减排专业委员会是针对社会、各企事业单位在节约能源、水资源、减少污染物排放的日益紧迫的需要时建立起技术、产品、政策、人才的信息集散平台，在广泛收集信息、真理、评估...</p>
                	<a href="#" class="more_s1">more</a>
                    <ul class="news_lb" id="picID">
                    	<li><a href="#"><img src="../images/pro_170x105_1.gif" class="block"  /></a></li>
                        <li><a href="#"><img src="../images/pro_170x105_2.gif" class="block"  /></a></li>
                        <li><a href="#"><img src="../images/pro_170x105_3.gif" class="block"  /></a></li>
                        <li><a href="#"><img src="../images/pro_170x105_4.gif" class="block"  /></a></li>
                    </ul>
                    <div class="news_num" id="numsID">
                    	<a href="#">1</a>
                        <a href="#">2</a>
                        <a href="#">3</a>
                        <a href="#">4</a>
                    </div>
                </div>
                <!-- brief --end-->
                
                <!-- center-->
                <div class="cen_box">
                	<!-- top -->
                	<div class="clearfix mb20">
                    	<div class="news_box">
                        	<ul class="tabs clearfix">
                            	<li>新闻中心<span>NEWS</span></li>
                            </ul>
                            <a href="#" class="more_s2"></a>
                            <ul class="list_s1">
                            	<li>
                                	<span class="fr">[2012.05.25]</span><a href="#" >“十二五”规划增加了氨氮和</a><img src="../images/icon_12.gif" class="ml10" />
                                </li>
                                <li>
                                	<span class="fr">[2012.05.25]</span><a href="#" >“十二五”规划增加了氨氮和</a><img src="../images/icon_12.gif" class="ml10" />
                                </li>
                                <li>
                                	<span class="fr">[2012.05.25]</span><a href="#" >“十二五”规划增加了氨氮和</a><img src="../images/icon_12.gif" class="ml10" />
                                </li>
                                <li>
                                	<span class="fr">[2012.05.25]</span><a href="#" >“十二五”规划增加了氨氮和</a><img src="../images/icon_12.gif" class="ml10" />
                                </li>
                            </ul>
                        </div>
                        
                        <div class="notice_box">
                        	<h3 class="title">
                            	公告栏<span>ANNOUNCEMENT</span>
                                <a href="#" class="more_s2"></a>
                                <!--
                            	<ul class="tabs_nums">
                                	<li class="current">1</li>
                                    <li>2</li>
                                    <li>3</li>
                                </ul>
                                -->
                            </h3>
                            <div class="notice">
                            	<ul>
                                	<li>
                                    	<a href="#">“十二五”规划增加了氨氮了氨氮和了氮和了氨氮和了氨和和</a>
                                    </li>
                                    <li>
                                    	<a href="#">“十二五”规划增加了氨氮了氨氮和了氨氮和和</a>
                                    </li>
                                    <li>
                                    	<a href="#">“十二五”规划增加了氨氮了氨氮和了氨氮和和</a>
                                    </li>
                                    <li>
                                    	<a href="#">“十二五”规划增加了氨氮了氨氮和了氨氮和和</a>
                                    </li>
                                    <li>
                                    	<a href="#">“十二五”规划增加了氨氮了氨氮和了氨氮和和</a>
                                    </li>
                                    <li>
                                    	<a href="#">“十二五”规划增加了氨氮了氨氮和了氨氮和和</a>
                                    </li>
                                    <li>
                                    	<a href="#">“十二五”规划增加了氨氮了氨氮和了氨氮和和</a>
                                    </li>
                                </ul>
                            	
                            </div>	
                         
                        </div>
                        
                    </div>
                    
                    <!-- top--end-->
                    
                    <!-- down-->
                    <div class="com_box">
                    	<div class="h"></div>
                        <div class="body">
                        	<!--<a href="#" class="more_s1">更多</a>-->
                        	<ul class="case clearfix">
                            	<li>
                                	<a href="#"><img src="../images/case_bg_5.gif" class="block" /></a>
                                    <span class="first_title"><i>01.</i>清洁生产案例</span>
                                    <p class="first_intro">二步氧化法生产丙烯酸清洁有限公司</p>
                                </li>
                                <li>
                                	<a href="#"><img src="../images/case_bg_1.gif" class="block" /></a>
                                    <img src="../images/nums_2.gif" class="nums" />
                                    <a href="#" class="title">成功案例2</a>
                                </li>
                                <li>
                                	<a href="#"><img src="../images/case_bg_2.gif" class="block" /></a>
                                	<img src="../images/nums_3.gif" class="nums" />
                                    <a href="#" class="title">成功案例3</a>
                                </li>
                                <li>
                                	<a href="#"><img src="../images/case_bg_3.gif" class="block" /></a>
                                    <img src="../images/nums_4.gif" class="nums" />
                                    <a href="#" class="title">成功案例4</a>
                                </li>
                                <li class="last">
                                	<a href="#"><img src="../images/case_bg_4.gif" class="block" /></a>
                                    <img src="../images/nums_5.gif" class="nums" />
                                    <a href="#" class="title">成功案例5</a>
                                </li>
                            </ul>
                        </div>
                        <div class="f"></div>
                    </div>
                    <!-- down--end-->
                </div>
                <!-- center--end-->
                
                <!-- right -->
                <div class="com_box com_box_s1 right_box">
                	<div class="h"></div>
                    <div class="body">
                    	
                    	<ul class="other_items">
                        	<li>
                            	<a href="#" class="block">
                                	<img src="../images/icon_3.gif" class="block mg"  />
                                	<span class="title">行业资讯</span>
                                    <i class="seperate"></i>
                                </a>
                            </li>
                            <li>
                            	<a href="#" class="block">
                                	<img src="../images/icon_4.gif" class="block mg" />
                                	<span class="title">咨询项目</span>
                                    <i class="seperate"></i>
                                </a>
                            </li>
                            <li>
                            	<a href="#" class="block">
                                	<img src="../images/icon_5.gif" class="block mg"  />
                                	<span class="title">信息反馈</span>
                                </a>
                            </li>

                        </ul>
                        
                    </div>
                    <div class="f"></div>
                </div>
                <!-- right--end-->
                
            </div>
        </div>
    </div>
    <!-- body --end-->
    
    <!-- friendlink -->
    <div class="w100p">
    	<div class="w930 mg wrap">
        	<div class="f_link mb5">
    			<span>友情链接：</span><a href="#">上海市经济和信息化委员会</a><a href="#">上海市社会团体管理局</a><a href="#">上海市环境保护局</a><a href="#">上海市推进清洁生产办公室</a>
    		</div>
        </div>
    </div>
    
    <!-- friendlink--end-->
    
    
    <!-- foot-->
    <div class="w100p foot_box">
    	<div class="w930 mg">
        	<div class="foot wrap">
            	<div class="copyRight_box">
                	<p>版权所有（C） 上海绿色工业和产业发展促进会   <span class="ml20">联系电话：（021）64678238-821</span></p>
                    <p>地址：上海宝庆路20号4楼1F  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;邮编：200031</p>
                </div>
                <a href="#" class="mail"><img src="../images/icon_6.gif" />登录企业邮箱</a>
            </div>
        </div>
    </div>
    <!-- foot--end-->
</body>
</html>
